<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index1.1.4.css">
    <link rel="stylesheet" href="font/download/font_mm32tcpdze/iconfont.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <title>验货报名</title>
    <script>
        window.onload = window.onresize = function(){		 
            var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
            //找到标签名为html的第一个
            var _html = document.getElementsByTagName('html')[0];
            //如果屏幕宽度大于640 
            //就用 640/16=40
            //小于640的时候 不确定 也是尺寸/40
            view_width>640?_html.style.fontSize = 640 / 16 + 'px':_html.style.fontSize = view_width / 16 + 'px';
            //最大网页尺寸640 
            //最大字体（根字体大小） 40
        }
    </script>
</head>
<body>
    <div class="box" id="box"></div>
<header>
    <div class="top">
        <p class="p1 fl"><a href="index1.1.3.html">&lt;</a></p>
        <p class="p2 fl">验货报名</p>
    </div>
</header>
<div class="content">
    <div class="top clearfix">
        <div class="img fl">
            <img src="img/tu15.png" alt="">
        </div>
        <ul class="fl">
            <li class="clearfix"><span class="fl">微信号：</span><input type="text" value="Gexiaolun" class="fr"></li>
            <li class="clearfix"><span class="fl">手机号：</span><a href="index1.1.6.html" class="fr"><input type="text" value="获取手机号"></a></li>
        </ul>
    </div>
    <p><span class="fl">收货地址：</span><a href="###" class="fr" id="a1">填写收货地址&gt;</a></p>
     <div class="bottom">
        <ul>
            <li><span class="fl">抖音账户：</span><input type="text" value="输入抖音账户" class="fr"></li>
            <li><span class="fl">账户名称：</span><input type="text" value="输入账号名称" class="fr"></li>
            <li><span class="fl">ID：</span><input type="text" value="输入ID" class="fr"></li>
            <li><span class="fl">粉丝数量：</span><input type="text" value="输入粉丝数量" class="fr"></li>
            <li><span class="fl">抖音链接：</span><input type="text" value="输入抖音链接" class="fr"></li>
        </ul>
    </div>
</div> 
<div class="content2">
    <p>账户简介：</p>
    <textarea rows="7" >
        在这里输入简介：
    </textarea>
</div>

<div class="content3" id="content3">
    <p class="p1">填写收货地址</p>
    <p class="p2"><input type="text" value="收货人"><input type="text" value="联系电话"></p>
    <p class="p3"><span class="fl">选择地区</span><a href="###" class="fr" id="a2">&gt;</a></p>
    <p class="p4">详细地址(街道、小区、乡镇)</p>
    <p class="p5"><a href="index1.1.4.html" id="a2">保存</a></p>
</div>

<div class="content4" id="content4">
   <p class="p1"><a href="index1.1.4.html" class="fl" id="a3">取消</a><a href="index1.1.4.html" class="fr" id="a4">完成</a></p>
   <div class="center">
        <select>
            <option>选择省</option>
            <option>河北省</option>
            <option>山西省</option>
            <option>北京省</option>
            <option>上海省</option>
            <option>天津省</option>
        </select>
        <select>
            <option>选择市</option>
            <option>张家口市</option>
            <option>大同市</option>
            <option>保定市</option>
            <option>邯郸市</option>
            <option>衡水市</option>
        </select>
        <select>
            <option>选择区</option>
            <option>宣化区</option>
            <option>高阳区</option>
            <option>莲池区</option>
            <option>桥东区</option>
            <option>桥西区</option>
        </select>
    </div>
</div>
<script>
    var a1 = document.getElementById('a1')
    var content3 = document.getElementById('content3')
    var content4 = document.getElementById('content4')
    var a2 = document.getElementById('a2')
    var box = document.getElementById('box')

        a1.onclick = function(){
            content3.style.display = 'block'
            box.style.display= 'block'
        }
        a2.onclick = function(){
            content4.style.display= 'block'
            content3.style.display= 'none'
            box.style.display= 'none'
        }
</script>
    
</body>
</html>